.e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.w_hline-001 .p_HLine{ border-top-width: 2px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } .w_btn-002 .p_CommonBtn:hover { box-shadow:none !important; }.c_nav_main-52002{position:absolute; width:400px; height:200px; overflow:hidden;} #nav-menu { width: 100%; height: 80px; color: #f7f8ee; background: radial-gradient(circle at 2.03% 90.07%, #ff512f, rgba(255,0,0,0) 100%),radial-gradient(circle at 97.97% 10.95%, #f09819, rgba(255,0,0,0) 100%),radial-gradient(circle at 50% 50%, #c31c73, #c31c73 100%); } nav { height: 50px; } .nav-items { text-align: center; line-height: 80px } .nav-items a { font-size: .9em; text-decoration: none; font-weight: bold; line-height: 17px; text-transform: uppercase; color: #fff; display: inline-block; margin: 0 10px; border: 2px solid transparent; border-bottom: 0px solid #fff; padding: 15px; transition: .5s ease-in-out; width: 130px; font-size:14px; } .nav-items a:hover { border: 2px solid #fff; background: #fff; color: #777; border-radius: 30px; transition: .4s; } .nav-items a.current { border: 2px solid #fff !important; background: #43b959 !important; color: #fff !important; border-radius: 30px !important; transition: .4s !important; } .c_nav_main-52002 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_nav_main-15243088475389564 .nav-items a{font-size:14px; text-decoration:none; font-weight:normal; line-height:17px; text-transform:uppercase; color:#2c2d2e; display:inline-block; margin:0 1px; border:2px solid transparent; border-bottom:0px solid #fff; padding:7px; transition:.5s ease-in-out; width:116px; }#c_nav_main-15243088475389564 .nav-items a:hover{border:0px solid #fff; background:#43b959; color:#fff; border-radius:30px; transition:.4s; }#c_nav_main-15243088475389564 #nav-menu{width:100%; height:80px; color:#f7f8ee; background:none; }#c_nav_main-15243088475389564{ position:absolute; top:5px; left:684px; z-index:2; width:872px; height:83px; }#c_nav_main-15243088475389564 .nav-items a{font-size:14px; text-decoration:none; font-weight:normal; line-height:17px; text-transform:uppercase; color:#2c2d2e; display:inline-block; margin:0 1px; border:2px solid transparent; border-bottom:0px solid #fff; padding:7px; transition:.5s ease-in-out; width:116px; }#c_nav_main-15243088475389564 .nav-items a:hover{border:0px solid #fff; background:#43b959; color:#fff; border-radius:30px; transition:.4s; }#c_nav_main-15243088475389564 #nav-menu{width:100%; height:80px; color:#f7f8ee; background:none; }#c_nav_main-15243088475389564 >div{animation-name:fadeInRight; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; }#c_nav_main-15243088475389564{}#c_nav_main-15243088475389564 .nav-items a{font-size:14px; text-decoration:none; font-weight:normal; line-height:17px; text-transform:uppercase; color:#2c2d2e; display:inline-block; margin:0 1px; border:2px solid transparent; border-bottom:0px solid #fff; padding:7px; transition:.5s ease-in-out; width:116px; }#c_nav_main-15243088475389564 .nav-items a:hover{border:0px solid #fff; background:#43b959; color:#fff; border-radius:30px; transition:.4s; }#c_nav_main-15243088475389564 #nav-menu{width:100%; height:80px; color:#f7f8ee; background:none; }#c_nav_main-15243088475389564 >div{animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#c_nav_main-15243088475389564{}#w_bbox-1524318067838 .p_wbox{background-image:url(../image/yhdb_bg1.jpg); background-image-part-image:url(../image/yhdb_bg1.jpg); }#w_bbox-1524318067838 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_bbox-1524318067838 >div{animation-fill-mode:both; }#w_rbox-1524399870746 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_rbox-1524399870746 >div{animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#w_rbox-1524400187908 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_rbox-1524400187908 >div{animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#w_rbox-1524400089681 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_rbox-1524400089681 >div{animation-name:fadeInRight; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; }#w_img-1524308303701 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_img-1524308303701 >div{animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#w_common_text-1524401354864 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_common_text-1524401354864 >div{animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#w_hline-1524399658746 .p_HLine{border-top-color:rgba(106, 106, 106, 1); border-top-style:solid; }#w_hline-1524399658746 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_hline-1524399658746 >div{animation-fill-mode:both; }#w_hline-1524399658746 .p_HLine:visited{width:16px; width-and-width-uint:16px; height:2px; height-and-height-uint:2px; width-and-height:custom; }#w_hline-1524400049481 .p_HLine{border-top-color:rgba(106, 106, 106, 1); border-top-style:solid; }#w_hline-1524400049481 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_hline-1524400049481 >div{animation-fill-mode:both; }#w_hline-1524400049481 .p_HLine:visited{width:16px; width-and-width-uint:16px; height:2px; height-and-height-uint:2px; width-and-height:custom; }#w_hline-1524399892338 .p_HLine{border-top-color:rgba(106, 106, 106, 1); border-top-style:solid; }#w_hline-1524399892338 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_hline-1524399892338 >div{animation-fill-mode:both; }#w_hline-1524399892338 .p_HLine:visited{width:16px; width-and-width-uint:16px; height:2px; height-and-height-uint:2px; width-and-height:custom; }#w_hline-1524400089696 .p_HLine{border-top-color:rgba(106, 106, 106, 1); border-top-style:solid; }#w_hline-1524400089696 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_hline-1524400089696 >div{animation-fill-mode:both; }#w_hline-1524400089696 .p_HLine:visited{width:16px; width-and-width-uint:16px; height:2px; height-and-height-uint:2px; width-and-height:custom; }#w_hline-1524400003079 .p_HLine{border-top-color:rgba(106, 106, 106, 1); border-top-style:solid; }#w_hline-1524400003079 .p_MatteIcon .iconfont:before{content:'\e602'; }#w_hline-1524400003079 >div{animation-fill-mode:both; }#w_hline-1524400003079 .p_HLine:visited{width:16px; width-and-width-uint:16px; height:2px; height-and-height-uint:2px; width-and-height:custom; }#w_wbox-1524308278306{ position:absolute; top:0px; left:-356px; z-index:61; width:1912px; height:93px; }#w_bbox-1524318067838{ position:absolute; top:4366px; left:-356px; z-index:62; width:1912px; height:410px; }#w_rbox-1524399870746{ position:absolute; top:81px; left:470px; z-index:3; width:534px; height:255px; }#w_rbox-1524400187908{ position:absolute; top:84px; left:1045px; z-index:5; width:189px; height:194px; }#w_rbox-1524400089681{ position:absolute; top:81px; left:1236px; z-index:4; width:227px; height:269px; }#w_rbox-1524399471823{ position:absolute; top:0px; left:0px; z-index:1; width:130px; height:239px; }#w_rbox-1524399892323{ position:absolute; top:0px; left:112px; z-index:2; width:130px; height:239px; }#w_rbox-1524400003065{ position:absolute; top:0px; left:242px; z-index:4; width:130px; height:239px; }#w_rbox-1524400049465{ position:absolute; top:0px; left:388px; z-index:5; width:130px; height:239px; }#w_common_text-1524400003073{ position:absolute; top:0px; left:0px; z-index:62; width:88px; height:224px; }#w_common_text-1524399892331{ position:absolute; top:0px; left:0px; z-index:62; width:73px; height:185px; }#w_common_text-1524399460814{ position:absolute; top:0px; left:0px; z-index:1; width:73px; height:185px; }#w_img-1524308303701{ position:absolute; top:28px; left:356px; z-index:1; width:300px; height:36px; }#w_common_text-1524401354864{ position:absolute; top:376px; left:355px; z-index:6; width:1200px; height:25px; }#w_hline-1524399658746{ position:absolute; top:37px; left:0px; z-index:2; width:16px; height:42px; }#w_common_text-1524400049473{ position:absolute; top:0px; left:0px; z-index:62; width:73px; height:185px; }#w_hline-1524400049481{ position:absolute; top:37px; left:0px; z-index:63; width:16px; height:42px; }#w_common_text-1524400429146{ position:absolute; top:138px; left:0px; z-index:2; width:129px; height:16px; }#w_img-1524400199317{ position:absolute; top:0px; left:0px; z-index:1; width:129px; height:129px; }#w_hline-1524399892338{ position:absolute; top:37px; left:0px; z-index:63; width:16px; height:42px; }#w_common_text-1524400089689{ position:absolute; top:0px; left:0px; z-index:62; width:190px; height:249px; }#w_hline-1524400089696{ position:absolute; top:37px; left:0px; z-index:63; width:16px; height:42px; }#w_hline-1524400003079{ position:absolute; top:37px; left:0px; z-index:63; width:16px; height:42px; }